Discover the best infinite scrolling websites created by professional designers. Get inspired and start planning your perfect infinite scrolling web design today!

Timothy Ricks

Scroll Marquee

Harshit Agrawal

Hiii everyone , this is one of my favorite section transition , 
You can keep different colors for different sections easily , 

when u open the project , u will not see any think , make sure to create a temporary combo class ( like temp or tempo ) so that you ca set a background color for the section while designing and when done, you can just remove the temporary class , 

Clone it to make it yours...
Follow me for more amazing stuff....
thanks

Section scroll background transition

Anil Pervaiz

Alternate Column Scrolling in webflow inspired by: https://tympanus.net/Development/ColumnScroll/

This project is only for learning, inspiration and help purpose!

Clone and enjoy!

Alternate Column Scroll Webflow - Cloneable

Swiper.js Infinite Scroll

Vertical Text Infinite Scroll Animation inspired by Brave New Lit Website.

Reference Link: https://www.bravenewlit.xyz/

This project is only for learning, inspiration and help purpose!

Vertical Text Infinite Scroll Animation

Ali Tariq

UPDATE: This project is now mobile responsive AND cloneable! The naming conventions are still a bit of a mess, but I didn't want to hold back on this much longer. And if you want to see the true mobile experience, pls view the site on your phone! For some reason, it doesn't translate as well to resizing the browser.

*** 

I've always liked Framer's landing pages, the latest one being no exception. So I decided to try to recreate it and learn a thing or two.

Even though it's a simple looking page, the act of combing through their details revealed a lot of small polished touches here and there that were actually quite involved (for me anyway!). They use card overlays on top of videos, subtle timed animations, etc.

Framer X Landing Page Clone

RSA Creative Studio

Hello there!
Welcome to Infinite Marquee and Page Scroll Animations!

Elevate your Webflow design with captivating infinite marquee animations, adding dynamic visual movement to your website. Enhance user engagement further with smooth page scroll animations, creating an immersive browsing experience.

Whether you are a startup looking to establish your online presence or an established business seeking a fresh approach, we are here to assist you. Don't hesitate to get in touch. Let's collaborate and create something remarkable together.

Regards,
RSA CreativeStudio
hello@rsacreativestudio.com

Marquees and Page Scroll Animations

Jonathan Fors

With this technique popping up more and more I decided to learn it myself, and this is the result. Feel free to clone it, sharing is caring!

---
👋 I'm available for work: ForsJonathan.com

Infinite looping horizontal marquee animation

Silv Studio

A fun and vibrant e-commerce homepage concept! Cyber Bites is a plant-based snack bar brand.


Want to work with us? Contact us: team@silvstudio.com

Branding concept and assets created by Holly Broome
(https://www.behance.net/hollybroome)

Cyber Bites E-Commerce Store

Mikayla Luna

A cloneable passion project for a social media agency where I used some fun illustrations from Meg Lewis.

✦ 1 Static Page
✦ Built in Client-First
✦ Includes a Style Guide
✦ Fun interactions and animations

✧ Visit my Instagram at ThatWebflowGirl for a walkthrough of this cloneable

✧ Illustrations from Meg Lewis on Playbook.com

notsosubtle

Christina Liubynska

Tired of having to figure out the logo marquee animation on each Weblow project?

Clone this logo marquee into your project and enjoy the benefits of CSS-driven animations:
• Improved site speed → CSS animations are more lightweight and efficient than JavaScript-based animations. 
• Smoother performance → They are handled by the browser's rendering engine, resulting in smoother performance.
• Compatibility → CSS animations are well-supported across modern browsers, ensuring a consistent experience for users.

⚡️ Just clone this project, copy the "logos-marquee" div block, and enjoy.

Infinite Logo Marquee

Sarfaraz Nawaz

Personal portfolio single page with CMS infinite scrolling.

Personal Portfolio

Tinyflow

Webflow Vertical Marquee Slider made with Splide JS by team Tinyflow | Webflow Agency

Features:
1. Infinity Loop
2. Autoplay
3. Pause on hover
4. Speed control via data attribute
5. Direction control via data attribute
6. Vertical Drag

Feel free to clone. Also, feel free to suggest us of any slider that you think we should build next.

Webflow Vertical Marquee Slider

Sam O'Keeffe

Barcelona-based artist Abdel Morched - AKA Habit 701 - contacted me because he wanted to create an immersive online experience that would tell the story of how he got to where he is today.

I used Webflow to create a journey through the cities he's lived in. Each city section allows him to describe his experience and showcase the artwork he created there.

This was a big learning curve for me but also a lot of fun! Let me know what you think :) 

- 

I'm available for freelance work!

This was my first job (started and completed in 2019). I designed & developed the site and custom interactions from scratch, animated the city illustrations into GIFs, designed the logo and shot and edited the portraits.

If you're interested in working together, have any questions or just want to say hello, you can reach me at okeeffesam@gmail.com

Scroll Interaction Portfolio Showcase

Kaleb Dean

The Akimbo Type Foundry Website was designed with discovery in mind. As a speculative type practice, the website functions to deliver a plethora of content types in a unique, even, and surprising way.

Akimbo Type Foundry Website

Melior Development Agency

Here is our Infinite Carousel functionality, a sleek and innovative feature now available for cloning on Webflow. This functionality is designed to enhance user engagement through a continuous, seamless scrolling experience. Perfect for showcasing a series of content like case studies, product listings, or image galleries, the Infinite Carousel ensures an uninterrupted flow of content, looping back to the beginning without any breaks or pauses.

Infinite Carousel

Invoke Design Studio

We are a small Cambridge-based design studio. Our goal is to offer the same expertise of a large agency without the high price tag or formality. Cutting-edge technology and elegant aesthetics are our passion and strength.

AnderAgency

Say goodbye to boring scrolling!

This tutorial teaches you how to implement a smooth and elegant infinite scroll on your Webflow website using the Lenis library. We'll also share a free cloneable template to get you started right away.

Endless Glide! Create Infinite Scroll for Webflow with Lenis

1070795817

1274323923

1316201488

1316201489

1462086697

1567550242

1592612642

1726628865

173927913

1771795565

1863160016

1905118106

2032141491

2144870841

2213518682

2216482092

2339906037

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4.1

gpt-4o-mini

2546957535

2789269995

2857348505

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

3023147062

3026881092

3106924665

3112069432

3120801339

3151661775

3243842104

3258716925

3266482432

3289310561

3313039722

3315729993

3410497685

3590523401

3591394191

3672367630

3737116140

3801251705

3844506029

3913199261

3934148661

3941255684

4092855684

4103643638

4144203485

4206156914

451433404

489463363

504462606

622649767

622649768

657188092

665836192

737109165

747504970

772001133

846847440

882147072

911514507

938734410

1004117952

1045828939

1049811722

105340574

1087856901

1120744071

1131151533

1157563538

1171384976

1197475705

1229056119

1234765101

1236803103

1250328847

1292405251

1297066426

130043074

1306352991

1312703771

1322655470

1336067073

1350250754

1380813821

1380896143

1406455659

1418395020

1433303746

143629253

1437392009

1455163268

1455742168

1458975701

146940023

1475952185

1483622682

1490715908

1499868407

1501922903

1509255256

1530015515

1534768148

1545754914

1557989767

1568482678

1575119218

1662541974

1665126082

1675015083

1680201874

1680586027

1701648875

173185438

1733571395

1752293186

1753134293

1762715110

1803820771

1826978162

183596474

1856326096

1857805694

1861549476

187681422

1905757080

1928608458

1931880952

1937559780

1944913766

1948940331

1951876014

1968719184

2002365176

2011169820

2031799369

2034576520

2084850560

2085494476

2089309383

2091902242

21336891

Best Infinite Scrolling Websites | Free Examples & Designs

Discover Infinite Scrolling websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Infinite Scrolling websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Infinite Scrolling websites
built by the Webflow community